<template>
  <div class="particles-js-box">
    <div id="particles-js"></div>
  </div>
</template>

<script setup>
import particlesJs from './particles.js'
import particlesConfig from './particles.json'

onMounted(() => {
  init()
})

const init = () => {
  particlesJs('particles-js', particlesConfig)
  document.body.style.overflow = 'hidden'
}
</script>

<style scoped lang="scss">
.particles-js-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
#particles-js {
  background-color: rgb(36, 48, 84);
  width: 100%;
  height: 100%;
}
</style>
